﻿
@{
    ViewBag.Title = "编辑页面";
    var F = Html.F();
}

@model BoYuan.Entity.wmfile

@section head {

}

@section body {
    @(F.Form().ID("form_Edit").ShowHeader(false).ShowBorder(false).AutoScroll(true).BodyPadding("15px 15px").IsViewPort(true)
        .Rows(
              F.FormRow().Items(F.NumberBoxFor(m=>m.w).ID("f_w").Label("图片长").NoDecimal(true).Required(true).ShowRedStar(true))
             ,F.FormRow().Items(F.NumberBoxFor(m=>m.h).ID("f_h").Label("图片宽").NoDecimal(true).Required(true).ShowRedStar(true))
             ,F.FormRow().Items(F.NumberBoxFor(m=>m.x).ID("f_x").Label("x坐标").NoDecimal(false).Required(true).ShowRedStar(true))
             ,F.FormRow().Items(F.NumberBoxFor(m=>m.y).ID("f_y").Label("y坐标").NoDecimal(false).Required(true).ShowRedStar(true))
             ,F.FormRow().Items(F.NumberBoxFor(m=>m.Transparency).ID("f_Transparency").Label("透明度").NoDecimal(false).Required(true).ShowRedStar(true).MaxValue(10).MinValue(1))

            ,F.FormRow().Items(F.FileUpload().ID("f_pic").AcceptFileTypes("image/*").ButtonText("上传水印图片").ButtonOnly(true).ButtonIcon(Icon.ImageAdd).OnFileSelected(Url.Action("filePhoto_FileSelected"), "form_Edit"))
            ,F.FormRow().Items(F.Image().ID("f_img").Label("背景图片").ImageUrl(ViewBag.img.ToString()))

        )
        .Toolbars(F.Toolbar().Position(ToolbarPosition.Bottom)
            .Items(F.HiddenFieldFor(m=>m.id).ID("f_id"), F.HiddenField().ID("f_wmid").Text(ViewBag.wmid.ToString()), F.ToolbarFill(),
                F.Button().ID("Button_save").ValidateForms("form_Edit").Text("保存").Icon(Icon.SystemSaveNew).OnClick(Url.Action("Button_savePic_OnClick"),"form_Edit", new Parameter("f_img", "F.ui.f_img.el.find('img').attr('src')"))
            )
        )
    )
}

@section script {
<script>
        F.ready(function () {
            @if(Request["id"]==null)
            {
                @Html.Raw("F.ui.f_Transparency.setValue('10');");
            }
        })
</script>
}
